/* element-plus 样式修复 */

.el-button i {
    color: #606266
}
.el-button--info i,
.el-button--success i,
.el-button--warning i,
.el-button--danger  i,
.el-button--primary i {
    color: white;
}

body {
    /* element 打开对话框自动给body添加padding-right, 此处将其取消 */
    padding-right:0 !important;
}

/* 防止菜单被vue组件遮住 */
#by_top {
    z-index: 3;
}

button.el-button--small span,
button.el-button--mini span {
    font-size:12px;
    line-height: normal;
}

button.el-button--medium span {
    font-size:14px;
    line-height: normal;
}

/* 重新设置element-plus日期选择选定日期范围的背景色(原背景色太浅, 不容易识别) */
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color:#c9dbf5;
}

.pagination {
    display: flex;
    align-items: center;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    z-index:auto;
}

/* 表格斑马线 */
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #f1f0f0;
}

/* 表格鼠标上移效果 */
.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #d9e8ff;
}


/* 表单组 */
.by-form-item-group {
    border-bottom:2px black solid;
}

.by-form-item-group label {
    font-weight: bold;
    color: black;
    width: auto !important;
    padding-left: 30px;
}

.by-form-item-group .el-form-item__content {
    display:none;
}

.el-button.is-disabled {
    opacity:0.5;
}


/* loading */
.by-global-loading {
    display: flex;
    justify-content: center;
    align-content: center;
    z-index: 100055 !important;
}

.by-global-loading .el-loading-spinner {
    width: auto;
    background: white;
    border-radius: 10px;
    padding: 10px 30px 10px 20px;
    box-shadow: 0 0 10px 1px #b1b1b1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.by-global-loading .el-loading-spinner .close {
    position: absolute;
    top: 3px;
    right: 3px;
    background: white;
    border-radius: 50%;
    font-size:15px;
    color:black;
    cursor:pointer;

}

.by-global-loading .el-loading-spinner .el-icon-loading {
    font-size:24px;
    color:black;
}

.by-global-loading .el-loading-spinner .el-loading-text {
    margin-left: 4px;
    color:black;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*左侧菜单 vue渲染的菜单 */
#by_left .by-vue-menu-item a {
    color:white;
}

#by_left .by-vue-menu-item.separator {
    width: 180px;
    height: 5px;
    margin: 0;
    padding: 6px 15px;
    box-sizing: border-box
}

#by_left .by-vue-menu-item.separator a {
    cursor:default;
    background: transparent;
    border-top:dashed 1px #808080;;
    height: 0;
    margin: 0;
}


    /* 按钮修复 */
.el-button i {
    margin:0;
}

/* 弹出层最小宽度 */
.el-popover.el-popper {
    min-width: 0;
}

/* 居中对话框 */
.by-dialog-center.el-dialog {
    margin-top:0 !important;
    top: 50%;
    transform: translateY(-50%);
}

.dialog-fade-enter-active .by-dialog-center.el-dialog  {
    animation: ani-by-dialog-in .3s !important;
}

.dialog-fade-leave-active .by-dialog-center.el-dialog  {
    animation: ani-by-dialog-out .3s !important;
}

@keyframes ani-by-dialog-in {
    0% {
        top: 45%;
        opacity:0;
    }

    100% {
        top: 50%;
        opacity:1;
    }
}

@keyframes ani-by-dialog-out {
    0% {
        top: 50%;
        opacity:1;
    }

    100% {
        top: 45%;
        opacity:0;
    }
}

/* by_docs */
/*#by_docs {*/
/*    zoom:0.2;*/
/*}*/

.inline-block {
    display: inline-block;
}


/* 确认对话框验证码 */
.by-confirm-verify-code {
    display: flex;
    margin-top: 15px;
    width:160px;
    align-items: center;
}

.by-confirm-verify-code input {
    width: 45px;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    border: none;
    border-bottom: solid 1px black;
    border-radius: 0;
    outline: none;
}

.by-confirm-verify-code-content {
    padding: 2px 5px;
    border: solid #adadad 1px;
    border-radius: 5px;
    margin-left: 6px;
    color: red;
    font-weight: bold;
    user-select: none;
}


/* ElementPlus select 下拉框选中hover状态 */
.el-select-dropdown__item {
    transition: all .3s;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #dceaff;
}


/* byview 调试状态 */
#byview_debug_status {
    position:fixed;
    right: -30px;
    bottom:35px;
    font-size: 12px;
    color: #ff8d00;
    background: white;
    padding: 2px 5px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 14px 0px orange;
    cursor: pointer;
    transition: all .5s;
}

#byview_debug_status.show {
    right:0;
}


.by-text-btn {
    padding: 2px 5px;
    border:solid 1px transparent;
    cursor: pointer;
    border-radius: 3px;
    transition: all .5s;
}

.by-red {
    color:red !important;
}

.by-text-btn.by-red:hover {
    border: solid 1px #c63a3a;
    background: #fddfdf;
    color: black !important;
}

.by-text-btn:hover {
    border:solid 1px #179bd4;
    background: #d2edf6;
}

.iconfont {
    line-height:100%;
}

.by-list-staff-avatar {
    width:20px;
    height: 20px;
    border-radius: 50%;
}
.by-vue-component-wrap/*/scoped/*/ .el-input-group__append,
.by-vue-component-wrap/*/scoped/*/ .el-input-group__prepend {
    padding-left: 5px;
    padding-right: 5px;
}

.by-vue-component-wrap/*/scoped/*/ .el-form-item {
    margin-bottom: 15px;
}

.el-input-number .el-input-number__decrease,
.el-input-number .el-input-number__increase {
    line-height: 38px
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    line-height: 34px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    line-height: 30px
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    line-height: 26px
}

/* 调整el-dialog的默认内边距 */
.el-dialog .el-dialog__body {
    padding: 10px 20px;
}


.el-form-item__content {
    display: flex;
    align-items: center;
}
